<template>
  <div class="app-container">
    <h1>Vue3-Element-Admin-Thin</h1>
    <el-button type="primary" @click="handleAbout">关于页面</el-button>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";

defineOptions({
  name: "Dashboard",
  inheritAttrs: false,
});

const router = useRouter();

const handleAbout = () => {
  router.push("/about");
};
</script>

<style lang="scss" scoped>
.app-container {
  color: rgb(16 143 143);
}
</style>
